<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FLy-Admin-登录</title>
    <meta name="keywords" content="">
    <link rel="icon" type="image/x-icon" th:href="@{/img/java-main.ico}" href="img/java-main.ico">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <div th:include="path::path_css" ></div>

    <style>
        .login-d{
            width: 730px;
            margin: 10% auto 0px auto;

        }
    </style>
</head>

<body class="gray-bg-login">

    <div class="login-d text-center"><!--middle-box text-center loginscreen  animated fadeInDown-->
        <div class="row ">
            <h1 class="logo-name">Fly-Admin</h1>
        </div>
        <div class="row">
            <div class="col-md-3">

            </div>
            <div class="col-md-9">
                <form class="m-t" autocomplete="off">
                    <div class="form-group">
                        <input id="userName" name="userName" type="text" class="form-control" placeholder="用户名" required="">
                    </div>
                    <div class="form-group">
                        <input id="password" name="password" type="password" class="form-control" placeholder="密码" required="">
                    </div>
                    <!--<div class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="验证码">
                            <span class="input-group-addon no-padding">
                                <img src="http://www.mscto.com/uploads/allimg/111008/005640NK-5.jpg" height="32">
                            </span>
                        </div>
                    </div>-->
                    <button type="button" id="login_button" class="btn btn-primary block full-width m-b" data-loading="登录中...">登 录</button>
                </form>
            </div>

        </div>

    </div>


    <div th:include="path::path_js" ></div>
    <script type="text/javascript" th:src="@{/js/fly-admin/login.js}"></script>

    <script>
        $(function() {
            $(".btn").click(function(){
                //var btn = $("#btn_login");
                /*$(this).button('loading');
                setTimeout(function () { this.button('reset'); },2000);*/

                $(this).button('loading').delay(1000).queue(function() {
                     $(this).button('reset');
                     $(this).dequeue();
                });
            });
        });
    </script>
</body>

</html>
